<template>
  <div class="ele-body ele-body-card">
    <!-- <statistics-card />
	  <sale-card /> -->
    <el-row :gutter="15">
      <el-col v-bind="{ span: 24 }">
        <todayStatistics />
      </el-col>

    </el-row>
    <el-row :gutter="15">
      <el-col v-bind="styleResponsive ? { lg: 12 , md: 12  } : { span: 12  }">
        <visit-hour />
      </el-col>
      <el-col v-bind="styleResponsive ? { lg: 12 , md: 12 } : { span:12 }">
        <VisitHour2 />
      </el-col>

    </el-row>
    <el-row :gutter="15">
      <el-col v-bind="styleResponsive ? { lg: 24 , md:24  } : { span: 24 }">
        <VisitHour3 />
      </el-col>

    </el-row>
  </div>
</template>
  
  <script>
import { pirate } from '@/api/version/index'
import todayStatistics from './components/todayStatistics.vue'
//   import userList from './components/userList.vue';
import VisitHour from './components/visit-hour.vue';
import VisitHour2 from './components/visit-hour2.vue';
import VisitHour3 from './components/visit-hour3.vue';

//   import quickEntrance from './components/quickEntrance.vue'
export default {
  name: 'DashboardAnalysis',
  components: {
    todayStatistics,
    //   userList,
    VisitHour,

    VisitHour2,
    VisitHour3,
    //   quickEntrance
  },
  activated () {
    this.init()
  },
  computed: {
    // 是否开启响应式布局
    styleResponsive () {
      return this.$store.state.theme.styleResponsive;
    }
  },
  methods: {

    async init () {
      const res = await pirate()
      console.log(res)
    },

  }

};
  </script>
  